<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <link href="../../css/reset.css" rel="stylesheet" type="text/css"/>
    <link href="../../css/add.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div id="app">
    <div class="header">
        <span>修改快递员</span>
    </div>
    <div class="content">
        <table>
            <tr>
                <td class="text-right">手机号码</td>
                <td class="content_right">
                    <input class="input inline-input" id="userphone" placeholder="请输入手机号码">
                    <button class="btn btn-info" id="userphoneButton">立即查找</button>
                </td>
            </tr>
        </table>
    </div>


    <div class="header">
        <span>查找信息如下</span>
    </div>
    <div class="content">
        <table>
            <tr>
                <td class="text-right">姓名</td>
                <td class="content_right"><input class="input" placeholder="请输入姓名"></td>
            </tr>
            <tr>
                <td class="text-right">手机号码</td>
                <td class="content_right"><input class="input" placeholder="请输入手机号码"></td>
            </tr>
            <tr>
                <td class="text-right">身份证号码</td>
                <td class="content_right"><input class="input" placeholder="请输入身份证号码"></td>
            </tr>
            <tr>
                <td class="text-right">密码</td>
                <td class="content_right"><input class="input" placeholder="请输入密码"></td>
            </tr>
            <tr>
                <td></td>
                <td class="content_right">
                    <button class="btn btn-info" id="update">立即修改</button>
                </td>
            </tr>
        </table>
    </div>
</div>
<script src="/admin/qrcode/jquery2.1.4.js"></script>
<script src="/admin/layer/layer.js"></script>
<script>
    $(function(){
        $(".header:eq(1),.content:eq(1)").hide();

        var UserId;

        $("#userphoneButton").click(function(){
            var windowId = layer.load();
            var userphone = $("#userphone").val();
            $.getJSON("/user/find.do",{userphone:userphone},function(rs){
               layer.close(windowId);
               if (rs.status == 0){
                   $(".header:eq(1),.content:eq(1)").fadeIn(1000);

                   UserId = rs.data.id;
                   $("input:eq(1)").val(rs.data.username);
                   $("input:eq(2)").val(rs.data.userphone);
                   $("input:eq(3)").val(rs.data.idnumber);
                   $("input:eq(4)").val(rs.data.password);

               } else{
                   layer.msg(rs.result);
               }
            },"JSON");
        });

        $("#update").click(function(){
            var windowId = layer.load();

            var username = $("input:eq(1)").val();
            var userphone = $("input:eq(2)").val();
            var idnumber = $("input:eq(3)").val();
            var password = $("input:eq(4)").val();

            $.getJSON("/user/update.do",{
                id:UserId,
                username:username,
                userphone:userphone,
                idnumber:idnumber,
                password:password
            },function(rs){
                layer.close(windowId);
                layer.msg(rs.result);
                if(rs.status == 0){
                    $("input:eq(0)").val("");
                    $(".header:eq(1),.content:eq(1)").hide(300);
                }
            });
        });

    });
</script>
</body>
</html>
